﻿@using MockSchoolManagement.Models.EnumTypes
@model StudentCreateViewModel;
@inject IStudentRepository _studentRepository
@{
    //ViewData["Title"] = "Create";
}

<h1>Create</h1>
<div asp-validation-summary="All"  class="text-danger"> </div>
<form asp-controller="home" asp-action="create" method="post" enctype="multipart/form-data" class="mt-3">
    <div class="form-group row">
       <label asp-for="Name" class="col-sm-2 col-form-label" >Name：</label>
       <div class="col-sm-10">
            <input asp-for="Name" class="form-control" placeholder="请输入名字" />
            <span asp-validation-for="Name"  class="text-danger"> </span>
        </div>
    </div>
    <div class="form-group row">
        <label asp-for="Email" class="col-sm-2 col-form-label"> Email</label>
        <div class="col-sm-10">
        <input asp-for="Email" id="Email" name="Email" class="form-control" placeholder="Email" />
        <span asp-validation-for="Email" class="text-danger"></span>
        </div>
    </div>
    <div class="form-group row" asp-validation-summary=All >
        <label asp-for="Major" class="col-sm-2 col-form-label"></label>
        <div class="col-sm-10" >
            <select asp-for="Major" class="custom-select mr-sm-2" asp-items="Html.GetEnumSelectList<MajorEnum>()">
                <option value="">请选择</option>
            </select>
            <span asp-validation-for=Major class="text-danger"></span>
        </div>
    </div>
    <div class="form-group row">
        <label asp-for="Photos" class="col-sm-2 col-form-label"></label>
        <div class="col-sm-10">
            <div class="custom-file">
                <input asp-for="Photos" multiple class="form-control custom-file-input" />
                <label class="custom-file-label">请选择图片...</label>
            </div>
        </div>
    </div>
    <div class="form-group row">
        <div class="col-sm-10">
            <button type="submit" class="btn btn-primary">创建</button>
        </div>
    
    </div>
    <div class="form-group row">
        <div class="col-sm-10">
            学生人数: @_studentRepository.GetAllStudents().Count().ToString()
        </div>
    </div>
     @section Scripts{
       <script>
           $(document).ready(function(){
               $(".custom-file-input").on("change",function(){
                   var fileLabel=$(this).next(".custom-file-label");
                   var files=$(this)[0].files;
                   if(files.length>1)
                   {
                       fileLabel.html("您已经选择了:"+files.length+"个文件");
                   }
                   else if(files.length==1)
                   {
                       fileLabel.html(files[0].name);
                   }
                   
               })
           })
       </script>
   }
</form>